import React from 'react';
import Tab from '../../../../TabChange';
import './index.scss';
import CommonBorder from './../../../DispatchPage/Components/CommonBorder';


class InspectionRecordsPage extends React.PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      tabConfig: [
        {
          label: '巡查记录',
          route: `/system/bigdata/map/records/patrol_record/${props.params.id}`,
        },
        {
          label: '抽查记录',
          route: `/system/bigdata/map/records/check_record/${props.params.id}`,
        },
        {
          label: '行政处罚记录',
          route: `/system/bigdata/map/records/punishment_record/${props.params.id}`,
        },
      ]
    };
  }
  render() {
    return (
      <div className="mobile_law_page">
        <Tab
          configTab={this.state.tabConfig}
        />
        <CommonBorder
          content={
            <div>
              { this.props.children }
            </div>
          }
        />
      </div>
    );
  }
}

export default InspectionRecordsPage;
